<template>
  <ContentBox has-corner class="price-info">
    <ContentBoxTitle title="开发商平均备案价" />
    <div class="price-info__content">
      <LineChart :list="list" :canvas-width="360" :canvas-height="180" />
    </div>
  </ContentBox>
</template>

<script>
import ContentBox from '@/components/ContentBox'
import ContentBoxTitle from '@/components/ContentBoxTitle'
import LineChart from './Line.vue'
export default {
  name: 'PriceInfo',
  components: {
    ContentBox,
    ContentBoxTitle,
    LineChart
  },
  props: {
    list: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="scss">
.price-info {
  width: $base * 360px;
  height: $base * 230px;
  // margin-top: $base*10px;

  .content-box-title__content {
    width: $base * 300px;
  }
  .price-info__content {
  }
}
</style>
